.marines3-contactus .PagingTable{ background: url('contact us-bottom-img.jpg') no-repeat; background-position:center -150px; background-size:cover; height:500px; display:flex;justify-content:center}
.marines3-contactus .fnl-responsive-table { background: url('watermark.jpg') no-repeat; background-position:center; background-size:contain; overflow-x:visible; }
.marines3-contactus .fnl-responsive-table table{table-layout:fixed; border-bottom:none }
.marines3-contactus .dnnGrid th{ background:none; border-right:none; border-bottom:3px solid #d7d7d7; padding:.75rem;font-weight:normal;font-family:'Helvetica', arial,sans-serif !important; text-transform:uppercase  }
.marines3-contactus .dnnGrid td{ cursor:pointer; border-right:none; border-top:none; border-bottom:3px solid #d7d7d7; padding:.75rem;word-break:break-word }
.marines3-contactus .dnnGridAltItem{ background:none;}
.marines3-contactus .dnnGridItem:hover, 
.marines3-contactus .dnnGridAltItem:hover{ background-color:#940000; color:#fff }
.marines3-contactus .sorted img{display:none}
.marines3-contactus .sorted.asc a:after{ content: '\f077'; font-family:"Font Awesome 5 Free"; color:#940000; margin-left:20px; font-weight:bold}
.marines3-contactus .sorted.desc a:after{ content: '\f078'; font-family:"Font Awesome 5 Free"; color:#940000; margin-left:20px; font-weight:bold}


/* pager */
.marines3-contactus .PagingTable td{ border:none}
.marines3-contactus .PagingTable tr td:first-child{ display:none}
.marines3-contactus .PagingTable tr td:last-child{ text-align:center}

.marines3-contactus .PagingTable .last:not(hide):after{font-size:larger; margin: 0 5px; content: '\f101'; font-family:"Font Awesome 5 Free"; color:#940000; font-weight:bold}
.marines3-contactus .PagingTable .next:not(hide):after{font-size:larger; margin:0 5px 0 20px; content: '\f105'; font-family:"Font Awesome 5 Free"; color:#940000; font-weight:bold}
.marines3-contactus .PagingTable .prev:not(hide):after{font-size:larger; margin:0 20px 0 5px; content: '\f104'; font-family:"Font Awesome 5 Free"; color:#940000; font-weight:bold}
.marines3-contactus .PagingTable .first:not(hide):after{font-size:larger;  margin: 0 5px; content: '\f100'; font-family:"Font Awesome 5 Free"; color:#940000; font-weight:bold}
.marines3-contactus .PagingTable .pitem{transition:background-color .3s;margin:0 2px; padding:8px 16px; font-size:16px; border:2px solid #ccc;font-family: 'Colossalis'; color:#940000}
.marines3-contactus .PagingTable .pitem:hover{ background-color:#940000; color:#fff}
.marines3-contactus .PagingTable .current{ background-color:#940000; color:#fff; border:2px solid #940000; padding:8px 16px }

/*filter*/
.marines3-contactus .browse-text{ display:none}
.marines3-contactus .inner-div{ padding-top:40px}
.marines3-contactus .inner-div:before{ content:'FILTER'; color:#940000; font-size:18px}
.marines3-contactus .that-text{ color:#940000; text-transform:uppercase; font-size:18px}
.marines3-contactus  .chosen-single {padding:0 !important; background: none !important; border-radius: 0 !important; border: none !important; box-shadow: none !important }
.marines3-contactus  .chosen-single span{text-overflow:clip !important; letter-spacing:-1px; line-height:1.5 !important}
.marines3-contactus  .chosen-container-single { padding: 6px 0 !important; }
.marines3-contactus  .chosen-container-single .chosen-single div b { display: none !important }
.marines3-contactus  a.chosen-single { color: #940000; font-weight:bold; font-size:16px }
.marines3-contactus  .chosen-drop { background-color: #721c24 !important; color: #fff !important; min-width: 200px !important; box-shadow: 0px 2px 2px #000 !important; border:none !important }
.marines3-contactus  .chosen-drop .chosen-results li{ padding:.4rem 1.5rem !important}
.marines3-contactus  .chosen-drop .chosen-results { color:#fff !important}
.marines3-contactus  .chosen-container .chosen-results li.highlighted { background-color: #960000 !important; background-image:none !important }
.marines3-contactus  .chosen-container .chosen-results li.no-results { background-color:#960000 !important; color: #fff !important}
.marines3-contactus  .chosen-container-single .chosen-search input[type=text]{ color:#fff !important}
.marines3-contactus  .chosen-container { border-bottom: 2px solid #ccc; margin:0 15px 10px 15px }
.marines3-contactus  .chosen-container:first-of-type{ margin-left:0}
.marines3-contactus  .chosen-container:after { position: absolute; right: 0; top: 8px; font-family: "Font Awesome 5 Free"; font-weight: bold; content: '\f078'; color: #940000; font-size: 18px; pointer-events: none; background-color: transparent }

.marines3-contactus   input[type=text] { border-radius: 0px; font-size: 16px; padding: 6px 30px 6px 12px; color: #940000; border: 2px solid #ccc; background: transparent; line-height: 1.5em; }
.marines3-contactus  .search-button { margin-left:-40px; /* position:absolute; margin-right: 10px; right:15px; color:#940000 */}
.marines3-contactus  .search-button span{ width:0; height:0; display:inline-block; overflow:hidden}
.marines3-contactus  .search-button:after { font-family: "Font Awesome 5 Free"; font-weight: bold; content: '\f002'; color: #940000; font-size: 18px; pointer-events: none; background-color: transparent }

.marines3-contactus .search-panel{ position:relative}
.marines3-contactus .search-panel input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #960000; }
.marines3-contactus .search-panel input::-ms-input-placeholder { /* Microsoft Edge */ color: #960000; }
.marines3-contactus .search-panel input::placeholder { /* Most modern browsers support this now. */ color: #960000; }
.marines3-contactus .search-reset-button{ letter-spacing:3px;display:block; padding-top:20px; color:#a7a7a7; font-size:14px; text-transform:uppercase }



@media (max-width:1700px) {
    .marines3-contactus .PagingTable { background-position:center -100px}
}

@media (max-width:1200px) {
    .marines3-contactus .PagingTable { background-position:center center}
    .marines3-contactus .sorted.asc a:after{ margin-left:10px;}
    .marines3-contactus .sorted.desc a:after{ margin-left:10px;}
    .marines3-contactus .dnnGrid th{ white-space:normal}

}

@media (max-width: 764px) {
    .marines3-contactus .sorted.asc a:after{ margin-left:5px;}
    .marines3-contactus .sorted.desc a:after{ margin-left:5px;}
 }

@media (max-width: 576px) {
    .marines3-contactus .dnnGrid td, .marines3-contactus .dnnGrid th{ float:left; clear:both; padding:5px; border-bottom:none }
    .marines3-contactus .dnnGrid tr{border-bottom:2px solid #d7d7d7}
}